<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="format-detection" content="telephone=no"/>
  <meta name="viewport"
        content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/>

  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="css/pure-min.css"/>
  <link rel="stylesheet" type="text/css" href="css/app.css"/>
  <title>Hello World</title>

  <script type="text/javascript">
    // alert dialog dismissed
    function alertDismissed() {
      // do something
    }

    // Show a custom alertDismissed
    function showAlert() {
      navigator.notification.alert(
          'You are the winner!',  // message
          alertDismissed,         // callback
          'Game Over',            // title
          'Done'                  // buttonName
      );
    }

  </script>
</head>
<body>
<div class="pure-u-1" id="main" ng-controller="MainCtrl" ng-mouseup="hideMenu()">
  <header class="pure-g">
    <a class="pure-u home" ng-href="#/">
      <p><i class="icon-home"></i></p>
    </a>

    <div class="pure-u title">
      <p>Weather</p>
    </div>
    <a class="pure-u menu" href="javascript:void(0)" ng-click="showMenu()">
      <p><i class="icon-reorder"></i></p>
    </a>
  </header>
  <ul class="subnav" ng-class="{'active':subnavShow}">
    <li><a href="#/">Home</a></li>
    <li><a href="#/set">Settings</a></li>
    <li><a href="#/six">Six days</a></li>
  </ul>
  <div class="hero" ng-view></div>
  <footer>

  </footer>
</div>

<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/services.js"></script>
<script type="text/javascript" src="js/controllers.js"></script>
<script type="text/javascript" src="js/filters.js"></script>
<script type="text/javascript" src="js/directives.js"></script>
<script type="text/javascript" src="js/lib/angular-resource.min.js"></script>
<script type="text/javascript" src="js/lib/canvasjs.min.js"></script>
<script type="text/javascript" src="js/lib/moment.js"></script>
<script type="text/javascript">
  app.initialize();
</script>
</body>
</html>
